<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0 auto;
        }
    </style>
    <script>
        let num = prompt("请输入显示图形行数：");
        //1. 打印三角形                     219970142 张予菲
        for (let i = num - 1; i >= 0; i--) { //i为行数，一共有5行
            let k = i,
                j = num - k; //k为' '输出数量，j为'*'输出数量，k + j = 5
            while (k > 0) { //循环输出' '
                document.write('&nbsp;'); //HTML中空格为&nbsp
                k--;
            }
            while (j > 0) { //循环输出'*'
                document.write('*&nbsp;'); //'*'后面跟了一个空格
                j--;
            }
            document.write('<br>'); //一行结束换行
        }

        //2. 打印平行四边形                 219970142 张予菲
        for (let i = num - 1; i >= 0; i--) { //i为行数，一共5行
            for (let k = i; k > 0; k--) { //k为' '数，个数为i
                document.write('&nbsp;');
            }
            for (let j = num; j > 0; j--) { //j为''数，个数为5
                document.write('*&nbsp;');
            }
            document.write('<br>'); //换行
        }

        //3. 菱形                           219970142 张予菲
        // let arr = [4, 1, 2, 3, 0, 5, 2, 3, 4, 1]; //偶数为' '的个数，奇数为'*'的个数
        // let arr=[];
        // for(let i = num ; i >=1; i -= 2) {  //5 3 1
        //     arr.push(parseInt(i));
        //     arr.unshift(num-i);
        // } 
        // console.log(arr);
        // arr.forEach(item => { //循环遍历arr
        //     if (item % 2 == 0) { //如果为偶数，就循环输出' '
        //         for (let i = item; i > 0; i--) {
        //             document.write('&nbsp;');
        //         }
        //     } else { //如果为奇数，就循环输出'*'
        //         for (let i = item; i > 0; i--) {
        //             document.write('*&nbsp;');
        //         }
        //         document.write('<br>'); //换行
        //     }
        // })
        for (let i = num - 1; i >= 0; i -= 2) { //i为行数，一共有5行
            let k = i,
                j = num - k; //k为' '输出数量，j为'*'输出数量，k + j = 5
            while (k > 0) { //循环输出' '
                document.write('&nbsp;'); //HTML中空格为&nbsp
                k--;
            }
            while (j > 0) { //循环输出'*'
                document.write('*&nbsp;'); //'*'后面跟了一个空格
                j--;
            }
            document.write('<br>'); //一行结束换行
        }
        for(let i = num - 2; i >= 1; i -= 2) {
            let j = num - i;  //i为*数量，j为' '的数量
            for(let k = j; j >=1; j--){
                document.write('&nbsp;');
            }
            for(let k = i; k >=1; k--) {
                document.write('*&nbsp;');
            }
            document.write('<br>');
        }
    </script>
</head>

<body>
</body>

</html>